// 全局scss方法
// 文字溢出省略号  多少行
@mixin main-text-hidden($num) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $num;
  overflow: hidden;
}

// 水平0.5px边框
@mixin main-level-border {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  transform: scale(1, 0.5);
  left: 0;
  bottom: 0;
  background-color: #eee;
}

//垂直0.5px边框
@mixin main-vertical-border() {
  content: "";
  position: absolute;
  width: 1px;
  transform: scale(0.5, 1);
  height: 100%;
  left: 0;
  top: 0;
  background-color: #eee;
}

// 屏构架动画
.main-skeleton {
  overflow: hidden;
  background: #f7f8f9;
  position: relative;

  &::before {
    content: "";
    width: 60%;
    height: 300%;
    background: #fafbfd;
    background: #fdfdfd;
    position: absolute;
    top: -30%;
    animation: identifier 0.6s infinite ease;
    transform: rotate(20deg);
    box-shadow: 1rem 1rem 1rem #f8fbff;
    filter: blur(30px);
  }
}

@keyframes identifier {
  0% {
    left: -200%;
  }

  100% {
    left: 100%;
  }
}
